<html>
    <head>
        <meta charset="UTF-8">
        <title>户学教育</title>
        <meta name="keywords" content="户学教育">
        <meta name="Description" content="户学教育"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,  user-scalable=0"/>
        <link rel="stylesheet" href="{HOME_THEME_PATH}../gw/css/idangerous.swiper.css?t={time()}.{rand(10000,9999999)}">
        <link rel="stylesheet" href="{HOME_THEME_PATH}../gw/css/common.css?t={time()}.{rand(10000,9999999)}">
        <link rel="stylesheet" href="{HOME_THEME_PATH}../gw/css/mine.css?t={time()}.{rand(10000,9999999)}"/>
        <link rel="stylesheet" href="{HOME_THEME_PATH}../gw/css/myorder.css?t={time()}.{rand(10000,9999999)}"/>

        <link rel="stylesheet" href="{HOME_THEME_PATH}../gw/css/library_stage.css?t={time()}.{rand(10000,9999999)}"/>



        <script src="{HOME_THEME_PATH}../gw/js/jquery.min.js?t={time()}.{rand(10000,9999999)}"></script>
        <script type="text/javascript"t src="{THEME_PATH}js/dialog-plus.js?t={time()}.{rand(10000,9999999)}"></script>
        <script type="text/javascript" src="{THEME_PATH}js/jquery.artDialog.js?t={time()}.{rand(10000,9999999)}&skin=default"></script>
        <script type="text/javascript" src="{THEME_PATH}js/dayrui.js?t={time()}.{rand(10000,9999999)}"></script>
        <script type="text/javascript" src="{HOME_THEME_PATH}../gw/js/le_include_head.js?t={time()}.{rand(10000,9999999)}"></script>

        <script type="text/javascript" src="{HOME_THEME_PATH}../gw/js/library_stage.js?t={time()}.{rand(10000,9999999)}"></script>


        <script name="baidu-koubei-verification" src="//ikoubei.baidu.com/embed/58ea9664cf897d52f78ec69fff1379d6"></script>

        <link rel="icon" href="{HOME_THEME_PATH}../gw/img/f-logo.png" type="image/png" sizes="16x16">

        <link href="/statics/admin/global/css/form_default.css?t=1530164461.6430270" rel="stylesheet">

    </head>
    <body>
        <div class="main">
            <!-- 头部 -->
            {template "../gw/common.html"}
            <div class="part part1">
                <div class="part-cont">
                    <!-- 目录 -->
                    <div class="menu-items">
                        <a class="menu-item" href="{dr_user_url('home/index')}">个人中心</a>
                        <a class="menu-item le-my-order active" href="{dr_user_url('pay/myorder')}">我的订单</a>
                        <a class="menu-item" href="{dr_user_url('pay/electivecenter')}">选课中心</a>
                        <a class="menu-item" href="{dr_user_url('pay/changepassword')}">修改密码</a>
                    </div>
                    <!-- 内容 -->
                    <div class="cont-items">
                        <div class="cont-item count-order">
                            <!-- 订单页面标题 -->
                            <div class="cont4-title">
                                <div class="cont4-main-title">我的订单 - 选择支付方式 - 分期付款</div>
                            </div>
                            <!-- 订单内容 -->
                            <div class="cont4-conts order-history-list">
                                <div class="cont4-cont active">
                                    <div class="order-wrap all-order">

                                        <form action="" method="post" id="myform" name="myform">

                                            <div class="order-detail">
                                                <div class="order-title">
                                                    订单金额
                                                </div>
                                                <div class="order-price">
                                                    <div class="currency">￥</div>
                                                    <div class="price">{$order['totalprice']}</div>
                                                </div>
                                            </div>

                                            <div class="installment_payment">
                                                <div class="installment_payment_detail">
                                                    <div class="installment_payment_title">
                                                        分期支付
                                                    </div>
                                                    <div class="installment_payment_price_detail">
                                                        <div class="installment_price_title">应还总额:</div>
                                                        <div class="installment_payment_currency">￥</div>
                                                        <div class="installment_payment_price"></div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="number_of_periods">
                                                <div class="no_periods select">
                                                    <div>不分期</div>
                                                    <div>免服务费</div>
                                                </div>
                                                <div class="three_periods">
                                                    <div>
                                                        <div class="currency">￥</div>
                                                        <div class="price"></div>
                                                        <div class="multiply">x</div>
                                                        <div class="frequency">3</div>
                                                        <div class="frequency_word">期</div>
                                                    </div>
                                                    <div>免服务费</div>
                                                </div>
                                                <div class="six_periods">
                                                    <div>
                                                        <div class="currency">￥</div>
                                                        <div class="price"></div>
                                                        <div class="multiply">x</div>
                                                        <div class="frequency">6</div>
                                                        <div class="frequency_word">期</div>
                                                    </div>
                                                    <div>免服务费</div>
                                                </div>
                                                <div class="twelive_periods">
                                                    <div>
                                                        <div class="currency">￥</div>
                                                        <div class="price"></div>
                                                        <div class="multiply">x</div>
                                                        <div class="frequency">12</div>
                                                        <div class="frequency_word">期</div>
                                                    </div>
                                                    <div>免服务费</div>
                                                </div>
                                            </div>

                                            <div class="bonded_credit_card">

                                                {if count($cards)>0}
                                                    {loop $cards $card}
                                                        <div class="subsection">
                                                            <div class="bank_detail">
                                                                <div class="bank_data">
                                                                    <img src="./statics/gw/img/zhongxin_yinhang_logo.svg" alt="" class="card_image">
                                                                    <div class="bank_name">
                                                                        <span class="bank_title">{$card['bank']}</span>
                                                                        <span class="bank_card">信用卡</span>
                                                                        <span class="bank_code">
                                                                            <span class="symbol left">(</span>
                                                                            <span class="bank_num">{substr($card['cardNo'],-4)}</span>
                                                                            <span class="symbol right">)</span>
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="drop_down"></div>
                                                                <div class="cover"></div>
                                                            </div>
                                                        </div>
                                                    {/loop}
                                                {/if}

                                                <div class="subsection">
                                                    <div class="none">
                                                        <div class="bank_data">
                                                            <img src="./statics/gw/img/card_demo.svg" alt="" class="card_image">
                                                            <div class="bank_name"></div> <!-- 绑定信用卡/使用新卡支付 提示切换 -->
                                                        </div>
                                                        <div class="drop_down">
                                                            <div class="used_msg"></div> <!--使用分期支付需要先绑定信用卡/空信息 提示切换-->
                                                            <img src="./statics/gw/img/bonded_right_icon.svg" alt="" class="right_btn">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="select-bank">
                                                    <div class="select-bank-box" data-order="{$order['id']}">
                                                        <input type="hidden" id="select-bank" name="select-bank" value="">
                                                        {if count($banks)>0}
                                                            {loop $banks $key $bank}
                                                                <div class="bank-select" >
                                                                    {if $key == 'CCB'}
                                                                            <img src="./statics/gw/img/zhongguo_jianshe_yinhang.svg" alt="" class="card_image" data="{$key}">
                                                                        {else if $key == 'SPDB'}
                                                                            <img src="./statics/gw/img/pufa_yinhang.svg" alt="" class="card_image" data="{$key}">
                                                                        {else if $key == 'HXB'}
                                                                            <img src="./statics/gw/img/huaxia_yinhang.svg" alt="" class="card_image" data="{$key}">
                                                                        {else if $key == 'CEB'}
                                                                            <img src="./statics/gw/img/guangda_yinhang.svg" alt="" class="card_image" data="{$key}">
                                                                        {else if $key == 'GDB'}
                                                                            <img src="./statics/gw/img/guangfa_yinhang.svg" alt="" class="card_image" data="{$key}">
                                                                        {else if $key == 'ABC'}
                                                                             <img src="./statics/gw/img/nongye_yinhang.svg" alt="" class="card_image" data="{$key}">
                                                                        {else if $key == 'CITIC'}
                                                                            <img src="./statics/gw/img/zhongxin_yinhang.svg" alt="" class="card_image" data="{$key}">
                                                                        {else if $key == 'BOB'}
                                                                            <img src="./statics/gw/img/beijing_yinhang.svg" alt="" class="card_image" data="{$key}">
                                                                        {else if $key == 'CMBC'}
                                                                            <img src="./statics/gw/img/minsheng_yinhang.svg" alt="" class="card_image" data="{$key}">
                                                                        {else if $key == 'NBCB'}
                                                                            <img src="./statics/gw/img/ningbo_yinhang.svg" alt="" class="card_image" data="{$key}">
                                                                        {else if $key == 'BCOM'}
                                                                             <img src="./statics/gw/img/jiaotong_yinhang.svg" alt="" class="card_image" data="{$key}">
                                                                        {else if $key == 'BJRCB'}
                                                                             <img src="./statics/gw/img/beijing_nong_shang.svg" alt=""  class="card_image" data="{$key}">
                                                                        {else if $key == 'GRCB'}
                                                                             <img src="./statics/gw/img/guangzhou_nong_shang.svg" alt="" class="card_image" data="{$key}">
                                                                        {else if $key == 'JJCCB'}
                                                                            <img src="./statics/gw/img/jiujiang_yinhang.svg" alt="" class="card_image" data="{$key}">
                                                                        {else if $key == 'CIB'}
                                                                             <img src="./statics/gw/img/xingye_yinhang.svg" alt="" class="card_image" data="{$key}">
                                                                        {else if $key == 'BOC'}
                                                                            <img src="./statics/gw/img/zhongguo_yinhang.svg" alt="" class="card_image" data="{$key}">
                                                                        {else if $key == 'BOS'}
                                                                            <img src="./statics/gw/img/shanghai_yinhang.svg" alt="" class="card_image" data="{$key}">
                                                                        {else if $key == 'JSBK'}
                                                                              <img src="./statics/gw/img/jiangsu_yinhang.svg" alt="" class="card_image" data="{$key}">
                                                                    {/if}

                                                                </div>
                                                            {/loop}
                                                        {/if}
                                                    </div>
                                                </div>

                                            </div>

                                            <div class="pay-detail">
                                                <div class="detail-box">
                                                    <div class="money">需支付：</div>
                                                    <div class="currency">￥</div>
                                                    <div class="price"></div>
                                                </div>
                                            </div>

                                            <div class="form-end">
                                                <a class="check">立即支付</a>
                                            </div>


                                            <div class="error-msg-box">
                                                <div class="blx-detail">
                                                    <div>
                                                        <div class="close-form"></div>
                                                        <div class="msh-title">
                                                            <div class="main">您还没有绑定信用卡</div>
                                                            <div class="sub">需要绑定信用卡才可以分期哦!</div>
                                                        </div>
                                                        <div class="confirmation_box">
                                                            <div>
                                                                <a class="cancel">取消</a>
                                                                <a class="yes">立即绑定</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>

                                        <div class="phone_check_box">
                                            <form action="{dr_user_url('paycool/directtrade')}" method="post" id="phone_check" name="phone_check">
                                                <input type="hidden" name="oid" value="{$order['id']}"/>
                                                <input type="hidden" name="payId"/>
                                                <input type="hidden" name="course_name" value="{$order['course_name']}"/>
                                                <div class="check-box">
                                                    <div class="blx-detail">
                                                        <div>
                                                            <div class="close-form"></div>
                                                            <div class="msh-title">
                                                                <div class="main">需要验证您卡片绑定的手机号</div>
                                                            </div>
                                                                {loop $cards $card}
                                                                <div class="confirmation_box">
                                                                    <div class="phone-num">{$card['phone']}</div>
                                                                    <input type="hidden" name="phone" value="{$card['phone']}"/>
                                                                    <div class="contant_code_check_box">
                                                                        <input name="contant_code" placeholder="验证码" class="contant_code" type="text"/>
                                                                        <a class="phone_check" href="javascript:;">获取验证码</a>
                                                                    </div>
                                                                    <button type="submit" class="check-box-submit">提交</button>
                                                                </div>
                                                                {/loop}

                                                        </div>
                                                    </div>
                                                </div>

                                            </form>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            <!-- 页尾 -->
            {template "../gw/footer.html"}
        </div>
        </div>

        <!-- 滑动验证窗口 -->
        <div class="slide-box">
            <div class="slide-box-wrap">
                <div class="foo-box">
                    <div id="foo"></div>
                </div>
            </div>
        </div>

    </body>

    <script src="{HOME_THEME_PATH}../gw/js/idangerous.swiper.min.js?t={time()}.{rand(10000,9999999)}"></script>
    <!--<script src="{HOME_THEME_PATH}../gw/js/area.js?t={time()}.{rand(10000,9999999)}"></script>-->
    <!--<script src="{HOME_THEME_PATH}../gw/js/alloy-crop.js?t={time()}.{rand(10000,9999999)}"></script>-->
    <script src="{HOME_THEME_PATH}../gw/js/lrz.mobile.min.js?t={time()}.{rand(10000,9999999)}"></script>
    <script src="{HOME_THEME_PATH}../gw/js/mine.js?t={time()}.{rand(10000,9999999)}"></script>
    <script src="{HOME_THEME_PATH}../gw/js/iscroll.js?t={time()}.{rand(10000,9999999)}"></script>
    <script src="{HOME_THEME_PATH}../gw/js/unlock.js?t={time()}.{rand(10000,9999999)}"></script>
    <script src="{HOME_THEME_PATH}../gw/js/jquery.slideunlock.min.js?t={time()}.{rand(10000,9999999)}"></script>
</html>